<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>出错了</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" crossorigin="anonymous">
    <style type="text/css">
        .btn-primary {
            background-color: #563d7c;
            border-color: #563d7c;
        }

        .btn-primary:hover {
            background-color: #563d7c;
            border-color: #3e2d5a;
        }

        .navbar-light .navbar-toggler {
            border-color: #ffffff;
        }

        .navbar-light .navbar-brand:focus,
        .navbar-light .navbar-brand:hover,
        .navbar-light .navbar-brand,
        .navbar-light .navbar-nav .active > .nav-link,
        .navbar-light .navbar-nav .nav-link.active,
        .navbar-light .navbar-nav .nav-link.show,
        .navbar-light .navbar-nav .show > .nav-link {
            color: #ffffff;
        }

        .navbar-brand {
            border-color: #fff;
            border: 1px solid #fff;
            padding: 4px 10px;
            border-radius: 3px;
            font-weight: bold;
        }

        .copyright {
            position: fixed;
            bottom: 0px;
            width: 100%;
            color: #8f9bb2;
            text-align: center;
            padding: 1%;
        }
    </style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light" style="background-color: #563d7c; color: #fff;">
    <a class="navbar-brand" href="#">CEO</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
            aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
                <a class="nav-link" href="https://gitee.com/chris_k/chrix-coupon">Gitee</a>
            </li>
        </ul>
    </div>
</nav>
<div class="container" style="height: 100%;padding-top: 12%;">
    <div class="alert alert-warning" style="text-align: center;margin: auto;width: 200px">
        <svg id="i-alert" viewBox="0 0 32 32" width="32" height="32" fill="none" stroke="currentcolor"
             stroke-linecap="round" stroke-linejoin="round" stroke-width="2">
            <path d="M16 3 L30 29 2 29 Z M16 11 L16 19 M16 23 L16 25"></path>
        </svg>
        <br/>
        好像出错了哦
    </div>
</div>
<div class="copyright">© 2018 chris 版权所有</div>
</body>
</html>